/* 头部 */
.header_fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
.header_fixed + view{
	/* #ifdef H5 */
	padding-top: 90rpx;
	/* #endif */
	/* #ifdef APP-PLUS */
	padding-top: 165rpx;
	/* #endif */
	}
.header_bar{
	/* #ifdef APP-PLUS */
	padding-top:var(--status-bar-height);
	/* #endif */
}
.header_style{
	background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
}
.header_bg{
	// background: #F5F5F5;
	background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
}
.header_orderBg{
	background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
}
.header__noBg{
	background: transparent;
}
.header_main{
	background: #FFFFFF;
}

.header_bar--absolute{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: transparent;
}

.header_bar--absolute + view{
	padding-top: 30rpx;
}

.header{width: 100%;position: relative;padding:3% 24rpx;font-weight: 500;box-sizing: border-box;
	border: none;height: 88rpx;z-index: 9;
	&-goBack{position: absolute;bottom: 0;left: 0;margin-left:0rpx;margin-top:0rpx;width: 100rpx;height: 88rpx;z-index: 9;
	background: url('@/static/public/icon-black-back.png');background-size: 50rpx 50rpx;background-repeat: no-repeat;background-position: 10rpx center;}
	&-goWhiteBack{position: absolute;bottom: 0;left: 0;margin-left:0rpx;margin-top:0rpx;width: 100rpx;height: 88rpx;z-index: 9;
	background: url('@/static/public/icon-white-back.png');background-size: 50rpx 50rpx;background-repeat: no-repeat;background-position: 10rpx center;}
	&-title{color: #000000;font-size: 34rpx;text-align: center;letter-spacing: 1px;font-weight: 500;font-family: PingFang SC;
		image{width: 84px;height: 25px;}
	}
	&-title--white{color: #FFFFFF;font-size: 34rpx;text-align: center;letter-spacing: 1px;font-weight: 500;font-family: PingFang SC-Medium, PingFang SC;
		image{
			width: 178rpx;
			height: 50rpx;
			margin: auto;
		}
	}
	&-title--style{
		font-size: 36rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		background: linear-gradient(123deg, #FFF493 0%, #FFA41A 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.left{position: absolute;left: 30rpx;top:30rpx;width: 5%;}
	
	& + view{padding-top: 60rpx !important;}
	
	&-left{color: #FFFFFF;@include flexLeft;font-size: 40rpx;text-align: left;letter-spacing: 1px;font-weight: 400;font-family: FZZhengHeiS-EB-GB, FZZhengHeiS-EB-GB;
		image{width: 70rpx;height: 68rpx;}
		.tips{
			width: 24rpx;
			height: 38rpx;
			margin-left: 8rpx;
		}
		.logo{
			width: 68rpx;
			height: 68rpx;
			margin-right: 8rpx;
			border-radius: 12rpx;
		}
		&--black{
			color: #F77924;
		}
	}
	
	&-right{position: absolute;font-size: 12px;right: 25rpx;top:28rpx;color: $globalColor-fontStyle;@include flexRight;
		image{width: 40rpx;height: 42rpx;z-index: 9;margin-left: 8rpx;}
		&-title{
			color: $globalColor-fontStyle;
			font-size: 20rpx;
		}
		.more{
			width: 48rpx;
			height: 48rpx;
		}
		&--red{
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			background: linear-gradient( 135deg, #0067F2 0%, #3DBBFF 99%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		&--white{
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
		}
		.search{
			width: 48rpx;
			height: 48rpx;
			position: relative;
			bottom: 10rpx;
		}
	}
	
	&-tabs{
		@include flexLeft;
		&__title{
			font-size: 50rpx;
			color: $globalColor-fontStyle;
			font-weight: 600;
			letter-spacing: 4rpx;
		}
	}
	&_border{
		border-bottom: 2px solid #F5F5F5;
	}
}

.priceBox{
	&-list{
		@include flexCenterColumn;
		margin: 0 30rpx;
		&-item:nth-last-child(1){border: none;}
		&-item{
			width: 100%;
			@include flexBetween;
			border-bottom: 1px solid #CCCCCC;
			padding: 20rpx 0rpx;
			&-image{
				width: 33.33%;
				@include flexLeft;
				image{
					width: 35rpx;
					margin-right: 15rpx;
				}
				&-name{
					color: globalColor-fontStyle;
					font-size: 28rpx;
				}
			}
			&-name{
				color: globalColor-fontStyle;
				font-size: 28rpx;
				font-weight: 600;
			}
			&__price{
				@include flexLeftColumn
			}
			&-price{
				text-align: center;
				width: 33.33%;
				color:$globalColor-style;
			}
			&-priceCny{
				text-align: right;
				width: 33.33%;
				color:#999999;
				font-size: 20rpx;
			}
		}
		&__rise{
			background: #25a57c;
			color: $globalColor-white;
			font-size: 28rpx;
			font-weight: 400;
			padding: 10rpx 20rpx;
			border-radius: 10rpx;
			&-red{
				background: #d54141;
			}
		}
	}
}

